.counter i:before {
	font-family:'MyriadPro';
	font-size: 80px;
	line-height: 0.75em; 
	color: #f0b12f;
	display: block;
	white-space: normal;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: 0s .5s;
	-moz-transition: 0s .5s;
	-ms-transition: 0s .5s;
	-o-transition: 0s .5s;
	-webkit-transition: 0s .5s;
}
@media(max-width:640px){
	.counter i:before {font-size: 12vw;}
}
.active .counter i:before {
	transition: transform 2s ease-out 1.4s;
	-moz-transition: transform 2s ease-out 1.4s;
	-ms-transition: transform 2s ease-out 1.4s;
	-o-transition: transform 2s ease-out 1.4s;
	-webkit-transition: transform 2s ease-out 1.4s;
}

.counter i:nth-child(2n):before {
	content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9';
}

.counter i:nth-child(2n+1):before {
	content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0';
}

.counter i.n0:nth-child(2n):before,
.active .counter i.n0:nth-child(2n+1):before {
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}

.counter i.n1:nth-child(2n):before,
.active .counter i.n1:nth-child(2n+1):before {
	transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	-o-transform: translateY(-5%);
	-webkit-transform: translateY(-5%);
}

.counter i.n2:nth-child(2n):before,
.active .counter i.n2:nth-child(2n+1):before {
	transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	-webkit-transform: translateY(-10%);
}

.counter i.n3:nth-child(2n):before,
.active .counter i.n3:nth-child(2n+1):before {
	transform: translateY(-15%);
	-moz-transform: translateY(-15%);
	-ms-transform: translateY(-15%);
	-o-transform: translateY(-15%);
	-webkit-transform: translateY(-15%);
}

.counter i.n4:nth-child(2n):before,
.active .counter i.n4:nth-child(2n+1):before {
	transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
}

.counter i.n5:nth-child(2n):before,
.active .counter i.n5:nth-child(2n+1):before {
	transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	-webkit-transform: translateY(-25%);
}

.counter i.n6:nth-child(2n):before,
.active .counter i.n6:nth-child(2n+1):before {
	transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}

.counter i.n7:nth-child(2n):before,
.active .counter i.n7:nth-child(2n+1):before {
	transform: translateY(-35%);
	-moz-transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	-o-transform: translateY(-35%);
	-webkit-transform: translateY(-35%);
}

.counter i.n8:nth-child(2n):before,
.active .counter i.n8:nth-child(2n+1):before {
	transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
}

.counter i.n9:nth-child(2n):before,
.active .counter i.n9:nth-child(2n+1):before {
	transform: translateY(-45%);
	-moz-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	-o-transform: translateY(-45%);
	-webkit-transform: translateY(-45%);
}

.counter i.n0:nth-child(2n+1):before,
.active .counter i.n0:nth-child(2n):before {
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.counter i.n1:nth-child(2n+1):before,
.active .counter i.n1:nth-child(2n):before {
	transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	-webkit-transform: translateY(-55%);
}

.counter i.n2:nth-child(2n+1):before,
.active .counter i.n2:nth-child(2n):before {
	transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
}

.counter i.n3:nth-child(2n+1):before,
.active .counter i.n3:nth-child(2n):before {
	transform: translateY(-65%);
	-moz-transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-o-transform: translateY(-65%);
	-webkit-transform: translateY(-65%);
}

.counter i.n4:nth-child(2n+1):before,
.active .counter i.n4:nth-child(2n):before {
	transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
}

.counter i.n5:nth-child(2n+1):before,
.active .counter i.n5:nth-child(2n):before {
	transform: translateY(-75%);
	-moz-transform: translateY(-75%);
	-ms-transform: translateY(-75%);
	-o-transform: translateY(-75%);
	-webkit-transform: translateY(-75%);
}

.counter i.n6:nth-child(2n+1):before,
.active .counter i.n6:nth-child(2n):before {
	transform: translateY(-80%);
	-moz-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	-o-transform: translateY(-80%);
	-webkit-transform: translateY(-80%);
}

.counter i.n7:nth-child(2n+1):before,
.active .counter i.n7:nth-child(2n):before {
	transform: translateY(-85%);
	-moz-transform: translateY(-85%);
	-ms-transform: translateY(-85%);
	-o-transform: translateY(-85%);
	-webkit-transform: translateY(-85%);
}

.counter i.n8:nth-child(2n+1):before,
.active .counter i.n8:nth-child(2n):before {
	transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	-o-transform: translateY(-90%);
	-webkit-transform: translateY(-90%);
}

.counter i.n9:nth-child(2n+1):before,
.active .counter i.n9:nth-child(2n):before {
	transform: translateY(-95%);
	-moz-transform: translateY(-95%);
	-ms-transform: translateY(-95%);
	-o-transform: translateY(-95%);
	-webkit-transform: translateY(-95%);
}